﻿﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>权名众筹系统</title>
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <meta name="msapplication-tap-highlight" content="no"/>
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="keywords" content="权名众筹系统">
    <meta name="description"
          content="权名众筹系统">
    <link href="home/css/public.css" rel="stylesheet"/>
    <link href="home/css/index.css" rel="stylesheet"/>
    <script language="javascript" type="text/javascript" src="home/js/jquery1.7.js"></script>
    <script type="text/javascript" src="home/js/base-min.js"></script>
    <script type="text/javascript" src="home/js/focus.js"></script>
    <script src="home/js/vue2.5.17.js"></script>
    <style>
        .displayNone {
            display: none;
        }
        .displayInlineBlock {
            display: inline-block;
        }
        .h_name:hover .popup {
            display: inline-block;
        }

        .h_message:hover .popup {
            display: inline-block;
        }

    </style>
</head>
<body>



<div style="width:0px;height:0px; overflow:hidden;">
    <img src="home/picture/logo-300.jpg"></div>
<div class="header_bg">
    <div class="header wap">
        <div class="logo"><a href="/index.html" title="权名众筹系统">权名众筹系统</a></div>
        <div class="nav cfff">
            <ul>
                <li class="nav_a1"><a href="/index.html">首页</a></li>
                <li class="nav_a2"><a href="/home/list.html?projectName=&page=1&limit=10&type=0">全部项目</a></li>
                <li class="nav_a4"><a href="/home/apply.html">发布项目</a></li>
                <li class="nav_a5"><a href="/admin/index.html#/user/login">后台管理</a></li>


            </ul>
        </div>
        <div class="h_right" id="h_right_userInfo">
            <ul class="h_login h_user displayNone"
                v-bind:class="[userInfo.code===101 ? 'displayInlineBlock':'displayNone']" id="login_panel">
                <span>
                            <li class="hl_login"><a href="/home/login.html" class="h_login_ring">登录</a></li>
                            <li class="hl_reg"><a href="/home/sign.html" class="h_login_join">注册</a></li>
                            <li class="qq_login"><a href="#" title="QQ登陆">QQ登录</a></li>
                </span>
                <li class="help_login"><a href="#">帮助</a></li>
            </ul>
            <ul class="h_login  h_reg displayNone"
                v-bind:class="[userInfo.code===0 ? 'displayInlineBlock':'displayNone']" id="login_info">
                <div>
                    <li class="h_name"><a href="/home/user/user.html">{{userInfo.data!=null ?userInfo.data.username:''}}</a>
                        <div class="popup name_popup cfff displayNone">
                            <a href="/home/user/user.html">我的帐户</a>
                            <a href="/home/logout">安全退出</a>
                        </div>
                    </li>
<!--<li class="h_message"><a href="#" id="notify">提醒</a>-->                         <!--<div class="popup message_popup cfff displayNone">-->                             <!--<a href="#" id="unread">未读通知 </a>-->                             <!--<a href="#" id="unreview">待评价项目 </a>-->                             <!--<a href="#" id="uncash">未兑现项目 </a>-->                         <!--</div>-->                     <!--</li>-->

                    <li class="help_login"><a href="#">帮助</a></li>
                </div>
            </ul>
        </div>
        <div class="top_nav_ti" style="display: none;" id="tips_help">
            <span class="arrow"></span>
            <p>初来乍到？先看看帮助吧！</p>
            <a href="#" class="view_btn" id="close_help">知道啦</a>
        </div>

    </div>
</div>
<div class="banner"></div>
<div class="content_bg">
    <div class="item wap">
        <div class="item_tab">
            <div class="item_list" v-for="b in banner.data">
                <a :href="'/home/project.html?id='+b.projectVo.projectId">
                    <div class="item_pic">
                        <img v-bind:src="b.projectVo.banner" width="660" height="300"/>
                    </div>
                    <div class="item_view">
                        <h2 class="f_yahei" v-text="b.projectVo.name">项目名称</h2>
                        <div class="item_view_intro" v-text="b.projectVo.description">项目描述</div>
                        <div class="item_plan">
                            <div class="item_plan_mun">
                                <div class="item_goal">目标:</div>
                                <div class="item_price"><strong class="tips_red" v-text="'￥'+b.projectVo.money">￥100</strong></div>
                                <div v-bind:class="[b.projectVo.projectStatus.statusId===1 ? 'displayInlineBlock':'displayNone']" class="state_small state_zc displayNone" v-text="b.projectVo.projectStatus.name">进行中</div>
                                <div v-bind:class="[b.projectVo.projectStatus.statusId===0 ? 'displayInlineBlock':'displayNone']" class="state_small state_end displayNone" v-text="b.projectVo.projectStatus.name">已结束</div>
                                <div v-bind:class="[b.projectVo.projectStatus.statusId===2 ? 'displayInlineBlock':'displayNone']" class="state_small state_win displayNone" v-text="b.projectVo.projectStatus.name">已完成</div>
                            </div>
                            <div class="plan_bg">
                                <div class="plan_line" :style="{width:b.projectVo.allPercent}"></div>
                            </div>
                            <div class="item_case">
                                <p class="item_case_1"><strong v-text="b.projectVo.truePercent">100%</strong>已达到</p>
                                <p class="item_case_2"><strong v-text="'¥'+b.projectVo.currentAllMoney">￥100</strong>已获支持</p>
                                <p class="item_case_3"><strong v-text="b.projectVo.day+'天'">0</strong>剩余时间</p>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <!--轮播图下的点点-->
        <span class="item_page">
            <a href="#" class="l_page" v-for="d in banner.data"></a>
        </span>
    </div>

    <div class="box_tit_bg">
        <div class="box_tit wap">
            <h2 class="box_tit_now"><b></b><strong>最近项目</strong></h2>
            <a href="/home/list.html?projectName=&page=1&limit=10&type=0" class="box_tit_more">更多</a>
        </div>
    </div>
    <div class="box wap">
        <div class="box_list" id="project-lately">
            <dl v-for="d in data">
                <dt>
                    <a :href="'/home/project.html?id='+d.projectId" v-bind:title="d.name">
                        <img v-bind:src="d.banner" width="235" height="200"  />
                    </a>
                </dt>
                <dd class="box_list_tit f_yahei"><a href="/home/project.html">{{d.name}}</a></dd>
                <dd class="box_list_author f_yahei">{{d.homeUser.username}}</dd>
                <dd class="item_plan">
                    <div class="item_plan_mun">
                        <div class="item_goal">目标:<!--<strong>49天</strong>--></div>
                        <div class="item_price"><strong class="tips_red">￥{{d.money}}</strong></div>
                        <div v-if="d.projectStatus.statusId===1" class="state_small state_zc">众筹中</div>
                        <div v-if="d.day===0" class="state_small state_end">已结束</div>
                        <div v-if="d.projectStatus.statusId===2" class="state_small state_win">已成功</div>
                    </div>
                    <div class="plan_bg">
                        <div class="plan_line" :style="{width:d.allPercent}"></div>
                    </div>
                    <div class="item_case">
                        <p class="item_case_1">
                            <strong v-text="d.truePercent">0%</strong>已达到
                        </p>
                        <p class="item_case_2">
                            <strong>￥{{d.currentAllMoney}}</strong>已获支持
                        </p>
                        <p class="item_case_3">
                            <strong>{{d.day}}</strong>剩余天数
                        </p>
                    </div>
                </dd>
            </dl>

        </div>
    </div>
</div>
<!--<div class="content_bg con_win">
    <div class="box_tit_bg">
        <div class="box_tit wap">
            <h2 class="box_tit_win"><b></b><strong>成功项目</strong></h2>
            <a href="/home/classics.html" class="box_tit_more">更多</a>
        </div>
    </div>
    <div class="box wap">
        <div class="box_list">
            <dl class="box_list_end">
                <dt><a href="project-26"><img src="home/picture/89a3529f130e211e9b2f0429eb7d54fe.jpg_235x200.jpg"
                                              width="235"
                                              height="200"/></a></dt>
                <dd class="box_list_tit f_yahei"><a href="project-26">i2star首张专辑《千年调》</a></dd>
                <dd class="box_list_author f_yahei">HITA 小爱的妈 Aki阿杰</dd>
                <dd class="item_plan">
                    <div class="item_plan_mun">
                        <div class="item_goal">目标:<strong>30天</strong></div>
                        <div class="item_price"><strong class="tips_red">￥9,600</strong></div>
                        <div class="state_small state_win">已成功</div>
                    </div>
                    <div class="plan_bg">
                        <div class="plan_line" style="width:225px;"></div>
                    </div>
                    <div class="item_case">
                        <p class="item_case_1">
                            <strong>3229%</strong>已达到
                        </p>
                        <p class="item_case_2">
                            <strong>￥309,984</strong>已获支持
                        </p>
                        <p class="item_case_3">
                            <strong>0天</strong>剩余时间
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="box_list_end">
                <dt><a href="project-23"><img src="home/picture/a90e3241809b0aed06fe535d58b8f5b6.jpg_235x200.jpg"
                                              width="235"
                                              height="200"/></a></dt>
                <dd class="box_list_tit f_yahei"><a href="project-23">《無烬》——“纯男声”同人音乐合辑</a></dd>
                <dd class="box_list_author f_yahei">河图</dd>
                <dd class="item_plan">
                    <div class="item_plan_mun">
                        <div class="item_goal">目标:<strong>30天</strong></div>
                        <div class="item_price"><strong class="tips_red">￥9,600</strong></div>
                        <div class="state_small state_win">已成功</div>
                    </div>
                    <div class="plan_bg">
                        <div class="plan_line" style="width:225px;"></div>
                    </div>
                    <div class="item_case">
                        <p class="item_case_1">
                            <strong>1806%</strong>已达到
                        </p>
                        <p class="item_case_2">
                            <strong>￥173,376</strong>已获支持
                        </p>
                        <p class="item_case_3">
                            <strong>0天</strong>剩余时间
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="box_list_end">
                <dt><a href="project-21"><img src="home/picture/2b1ba962241554fcaea732fa01f9ffee.jpg_235x200.jpg"
                                              width="235"
                                              height="200"/></a></dt>
                <dd class="box_list_tit f_yahei"><a href="project-21">银临个人首张专辑《腐草为萤》</a></dd>
                <dd class="box_list_author f_yahei">银临</dd>
                <dd class="item_plan">
                    <div class="item_plan_mun">
                        <div class="item_goal">目标:<strong>30天</strong></div>
                        <div class="item_price"><strong class="tips_red">￥6,500</strong></div>
                        <div class="state_small state_win">已成功</div>
                    </div>
                    <div class="plan_bg">
                        <div class="plan_line" style="width:225px;"></div>
                    </div>
                    <div class="item_case">
                        <p class="item_case_1">
                            <strong>500%</strong>已达到
                        </p>
                        <p class="item_case_2">
                            <strong>￥32,500</strong>已获支持
                        </p>
                        <p class="item_case_3">
                            <strong>0天</strong>剩余时间
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="box_list_end">
                <dt><a href="project-18">
                    <img src="home/picture/a86972b7f7ad36230f333170dab5bc9d.jpg_235x200.jpg"
                         width="235"
                         height="200"/></a></dt>
                <dd class="box_list_tit f_yahei"><a href="project-18">《漱愿记•漱》——司夏首张古风专辑</a></dd>
                <dd class="box_list_author f_yahei">司夏</dd>
                <dd class="item_plan">
                    <div class="item_plan_mun">
                        <div class="item_goal">目标:<strong>30天</strong></div>
                        <div class="item_price"><strong class="tips_red">￥4,000</strong></div>
                        <div class="state_small state_win">已成功</div>
                    </div>
                    <div class="plan_bg">
                        <div class="plan_line" style="width:225px;"></div>
                    </div>
                    <div class="item_case">
                        <p class="item_case_1">
                            <strong>658%</strong>已达到
                        </p>
                        <p class="item_case_2">
                            <strong>￥26,300</strong>已获支持
                        </p>
                        <p class="item_case_3">
                            <strong>0天</strong>剩余时间
                        </p>
                    </div>
                </dd>
            </dl>
        </div>
    </div>
</div>-->

<div class="footer">
</div>
<link href="home/css/public_1.css" rel="stylesheet" media="all"/>
<div class="ws_global_footer">
    <div class="ws_footer_info" style="min-width: 1000px">
        <div class="content">
            <p>
                Copyright (C) 2018-2020
            </p>
        </div>
    </div>
</div>

<!--<script type="text/javascript" src="home/js/json2.js"></script>-->
<script type="text/javascript" src="home/js/jquery1.7.js"></script>
<!--<script type="text/javascript" src="home/js/global.js"></script>-->
<!--<script type="text/javascript" src="home/js/reg.js"></script>-->
<script type="text/javascript">
    window.tencentCallback = function (res) {
        if (res.ret === 0) {
            $("#tencentTicket").val(res.ticket);
            $("#tencentRandstr").val(res.randstr);
            login();
        }
    }

</script>


<script>


    //获取头部
    $.ajax({
        url: "/home/getCurrentUser",
        async: true,
        success: function (data) {
            new Vue({
                el: '#h_right_userInfo',
                data: {userInfo: data}
            })
            console.log(data)
        }
    });
    //获取 banner 轮播图
    $.ajax({
        url: "/home/getAllSlide",
        async: true,
        success: function (data) {
            new Vue({
                el: '.item',
                data: {banner: data}
            });
            //轮播图
            new Focus("item_list", "l_page", {
                effect: "scroll",
                scrollDir: "Left",
                event: "mouseover",
                index: "1",
                timeout: 5000000
            });
            console.log(data)
        }
    });


</script>


<script>

    $.ajax({
        url: "/home/getAllProjectLimit?page=1&limit=8&projectType.typeId=0",
        async: true,
        success: function (data) {
            new Vue({
                el: '#project-lately',
                data: data
            })
        }
    });




</script>

</body>
</html>